<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!--  <script>
        // JS是单线程语言 遇到暂时不能执行的代码会直接跳过执行下一条代码
        // JS 是异步的语言 无法保证执行的顺序 有些代码会脱离执行队列
        // 云端取数据会有一定的时间，就会脱离队列 
        // 如何使代码的编写顺序和执行顺序一致
        /*  setTimeout(() => {
             console.log('在忙');
         }, 2000)
         console.log('hello word'); */
        // const p = new Promise((resolve, reject) => {
        //         console.log('在忙');
        //         setTimeout(() => {
        //             // resolve({
        //             //     data: '1234'
        //             // });
        //             reject('程序员正在加班加点');
        //         }, 2000)
        //     }) //许诺
        //     // console.log('hello');
        // p
        //     .then((res) => {
        //         console.log(res);
        //     })
        //     .catch((msg) => {
        //         console.log(msg);
        //     })
    </script> -->
    <script>
        //dns查找过程 《--本地查找 《--服务商找 《--上游服务器找 《--国际服务器
        // TCP/IP链接 建立通道 
        /* const postProise = fetch('https://api.github.com/users/shunwuyu/repos');
        postProise
        // 数据有点大，.json也是一个promise
            .then(response => response.json())
            .then(response => {
                console.log(response);
            }) */
        const postPromise = fetch('https://api.github.com/users/shunwuyu/repos');
        const ryfPromise = fetch('https://api.github.com/users/shunwuyu/repos');
        ryfPromise
            .then(response => response.json())
            .then(data => {
                console.log(data);
                return postPromise
            })
            .then(newResponse => newResponse.json())
            .then(newData => {
                console.log(newData);
            })
    </script>
</body>

</html>